<template>
	<view class="container">
		<view class="form">
			<u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100px" height="100px" shape="circle"></u-image>
			<view class="login-wrapper">
				<view class="tips">
					<u-text text="申请以下权限" bold></u-text>
					<u-text text="获得你的公开信息(昵称、头像等)" color="#999999" size="14"></u-text>
				</view>
				<u-button type="primary" text="授权登录" shape="circle"></u-button>
				<u-button type="plain" text="暂不登录" shape="circle"></u-button>
			</view>
		</view>
		
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.container{
		.form{
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 100rpx;
			.login-wrapper{
				width: 600rpx;
			}
			.tips{
				margin-top: 30rpx;
				margin-bottom: 30rpx;
				line-height: 180%;
			}
			.uv-button-wrapper{
				margin-top: 12rpx;
			}
		}
	}
</style>
